.cockpit-container{
	position: absolute;
	left: 15px;
	right: 15px;
	top: 15px;
	bottom: 15px;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 20px 20px 20px 30px;
	overflow: auto;
}

.switch-wrapper{
	text-align: right;
}

.switch-wrap{
	display: inline-block;
	width: 182px;
	height: 44px;
	padding: 5px;
	background-color: #E9EFF4;
	font-size: 0;
	border-radius: 2px;
}

.switch-wrap span{
	cursor: pointer;
	display: inline-block;
	width: 86px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 12px;
	color: #989898;
	border-radius: 2px;
}

.switch-wrap span.active{
	cursor: default;
	background-color: #fff;
	color: #323C47;
}

.switch-wrap span em{
	display: inline-block;
	width: 16px;
	height: 34px;
	font-style: normal;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -1px;
}

.switch-wrap .business-statics-btn em{
	background-image: url('public/img/business.svg');
}

.switch-wrap .business-statics-btn.active em{
	background-image: url('public/img/businessActive.svg');
}

.switch-wrap .indicator-monitoring-btn em{
	background-image: url('public/img/indicator.svg');
}

.switch-wrap .indicator-monitoring-btn.active em{
	background-image: url('public/img/indicatorActive.svg');
}

.cockpit-container h3.title{
	height: 42px;
	line-height: 42px;
	font-size: 30px;
	margin-bottom: 10px;
}

/* weekly statics style */
.weekly-statics{
	margin-bottom: 60px;
}

.weekly-statics .select-option-container .select-box{
	margin-left: 10px;
}

/* calendar style */
.select-option-container{
	margin-top: 10px;
	margin-bottom: 20px;
}

.select-option-container .select-box{
	margin: 0;
}

.select-option-container .select-box{
	display: inline-block;
}

.select-option-container .line-through{
	display: inline-block;
	margin: 0 6px;
}

.select-option-container .btn{
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	margin: 0 30px 0 10px;
	width: 48px;
	font-size: 12px;
	text-align: center;
	padding: 0;
}

.ui-datepicker td{
	width: 28px;
}

.start-time.select-box i, .end-time.select-box i{
	font-size: 0;
	background: url('/public/img/calendar_icon.svg') no-repeat center;
}


/* selectbox style */
.select-box {
	position: relative;
	width: 140px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	margin-bottom: 20px;
	margin-left: 15px;
}

.select-box input{
	height: 28px;
	min-height: auto;
	border-color: #E9EFF4;
	cursor: pointer;
}

.select-box i{
	display: inline-block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background-color: #F4F7F9;
	border-left: 1px solid #E9EFF4;
	font-size: 18px;
	color: #8CA0B3;
}

.select-box i::before{
	content:"\f107";
}

.select-box .select-container{
	border-color: #E9EFF4;
}

/*cumulative statics*/
dl, dd{
	margin: 0;
}

.cumulative-statics{
	margin-bottom: 60px;
	min-width: 1163px;
}

.statics-lists dl{
	float: left;
	width:220px;
	height:360px;
	margin-right: 15px;
	border: 1px solid #E9EFF4;
	border-radius: 2px;
	position: relative;
}

.statics-lists dl:last-child{
	margin-right: 0;
}

.statics-lists dt{
	display: block;
	width: 220px;
	height: 88px;
	padding: 23px 25px 0 30px;
	margin-bottom: 22px;
}

.statics-lists dt .title{
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	color: #323C47;
	font-weight: bold;
	margin-bottom: 14px;
}

.statics-lists dt>div{
	width:165px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.statics-lists dt .count{
	height: 28px;
	line-height: 28px;
	font-size: 28px;
	color: #3BAFDA;
	overflow: hidden;
}

.statics-lists .count span{
	font-size: 14px;
	color: #323C47;
	margin-left: 5px;
}

.statics-lists dd.percentage{
	width: 64%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	color: #3C4144;
	position: absolute;
	left: 40px;
	top: 166px;
}

.statics-lists dd.percentage span{
	font-size: 16px;
}

.statics-lists .detail-data{
	margin-top: 25px;
}

.statics-lists .detail-data a{
	color: #555;
}

.statics-lists .detail-data a.default{
	cursor: default;
}

.statics-lists .detail-data p {
	width: 200px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 10px;
	text-indent: 56px;
	/*overflow: hidden;*/
	white-space:nowrap;
	text-overflow: ellipsis;
}

.statics-lists .detail-data em{
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: top;
	margin-top: 3px;
	background-image: linear-gradient(-45deg, #E1DFFD 0%, #00C5FE 34%, #3A93FF 100%);
	margin-right: 10px;
}

.statics-lists .detail-data p:last-child{
	margin-bottom: 0;
}

.statics-lists .detail-data .icon-logistics{
	opacity: 0.2;
}

.statics-lists .detail-data span{
	margin-left:10px;
}

.statics-lists dd.label-icon{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: right top;
}

.statics-lists dd.count-empty{
	width:120px;
	height:120px;
	margin:42px auto 22px;
	background: url('/public/img/empty_data.svg') no-repeat center;
	opacity: 0.3;
}

.statics-lists dd.count-empty-msg{
	height:12px;
	line-height:12px;
	text-align: center;
	color: #000;
	font-size: 12px;
	opacity: 0.3;
}

.statics-lists .amount dd.label-icon{
	background-image: url('/public/img/amountCount.svg');
}

.statics-lists .order dd.label-icon{
	background-image: url('/public/img/orderCount.svg');
}

.statics-lists .volume dd.label-icon{
	background-image: url('/public/img/volumeCount.svg');
}
.statics-lists .supplier dd.label-icon{
	background-image: url('/public/img/supplierCount.svg');
}
.statics-lists .customer dd.label-icon{
	background-image: url('/public/img/customerCount.svg');
}



/*latest order*/
.latest-order{
	margin-bottom: 60px;
}

.latest-order .table-container{
	padding-left: 15px;
}

.latest-order .table-container .table-box tr:nth-child(even){
	background-color: #fff;
}

.latest-order .table-box thead th{
	font-weight: bold;
}

.latest-order .table-box tbody tr{
	border-bottom: 1px solid #dfdfdf;
}

.latest-order .table-box tbody td{
	text-align: center;
}

.latest-order .table-box{
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.logistics-table thead tr th:nth-child(1), .logistics-table tbody tr td:nth-child(1){
	width: 18%;
}

.logistics-table thead tr th:nth-child(2), .logistics-table tbody tr td:nth-child(2){
	width: 17%;
}

.logistics-table thead tr th:nth-child(3), .logistics-table tbody tr td:nth-child(3){
	width: 20%;
}

.logistics-table thead tr th:nth-child(4), .logistics-table tbody tr td:nth-child(4){
	width: 18%;
}

.logistics-table thead tr th:nth-child(5), .logistics-table tbody tr td:nth-child(5){
	width: 10%;
}

.logistics-table thead tr th:nth-child(6), .logistics-table tbody tr td:nth-child(6){
	width: 17%;
}

.trade-table thead tr th:nth-child(1), .trade-table tbody tr td:nth-child(1){
	width: 15%;
}

.trade-table thead tr th:nth-child(2), .trade-table tbody tr td:nth-child(2){
	width: 20%;
}

.trade-table thead tr th:nth-child(3), .trade-table tbody tr td:nth-child(3){
	width: 20%;
}

.trade-table thead tr th:nth-child(4), .trade-table tbody tr td:nth-child(4){
	width: 25%;
}

.trade-table thead tr th:nth-child(5), .trade-table tbody tr td:nth-child(5){
	width: 20%;
}

.goods-info p{
	line-height:22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*statics ranks*/
.statics-rank{
	position: relative;
	min-width:1163px;
}

.statics-rank .select-box{
	position: absolute;
	left:110px;
	top:8px;
}

.statics-rank .rank-lists-switcher{
	height: 42px;
	line-height: 42px;
	padding: 10px 0 0;
	border-bottom: 2px solid #ddd;
	margin-bottom: 50px;
}

.statics-rank .rank-lists-switcher li{
	float: left;
	height: 32px;
	line-height: 22px;
	font-size: 16px;
	color: #9B9B9B;
	margin-right: 30px;
	padding-bottom: 10px;
	cursor: pointer;
}

.statics-rank .rank-lists-switcher li.active{
	color: #3BAFDA;
	border-bottom: 2px solid #3BAFDA;
	cursor: default;
}

.statics-rank .rank-list-container{
	padding-left: 30px;
}

.statics-rank .rank-list-container .rank-empty{
	width: 120px;
    height: 120px;
    margin: 42px auto 22px;
    background: url(/public/img/empty_data.svg) no-repeat center;
    opacity: 0.3;
}

.statics-rank .rank-list-container .rank-empty-msg{
	height: 16px;
    line-height: 16px;
    text-align: center;
    color: #000;
    font-size: 14px;
    opacity: 0.3;
}

.statics-rank .rank-list{
	float: left;
	width: 320px;
	height: 590px;
	margin-right: 80px;
	padding: 20px 25px 33px 33px;
	border: 1px solid #E9EFF4;
	border-radius: 2px;
	position: relative;
}

.statics-rank .rank-list:last-child{
	margin-right: 0;
}

.statics-rank .rank-list .title{
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	color: #716F72;
	font-weight: bold;
	margin-bottom: 19px;
	position: relative;
	text-indent: 70px;
}

.statics-rank .more{
	position: absolute;
	right: -8px;
	top: 0;
	width: 20px;
	height: 25px;
	background: url('/public/img/more.svg') no-repeat center;
	cursor: pointer;
}

.statics-rank .rank-list dt{
	float: left;
	width: 77px;
	text-align: right;
	font-size: 14px;
	color: #555;
	padding-right: 4px;
}

.statics-rank .rank-list dd{
	float: left;
	width:153px;
}

.statics-rank .rank-list dd span{
	display: block;
	width:153px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.statics-rank dd span.name, .statics-rank dd span.nums{
	height:20px;
	line-height:16px;
}

.statics-rank .rank-list dd .lens{
	height:5px;
	border-radius: 2px;
	background-color: #D8D8D8;
}

.statics-rank .list-container dl{
	padding-right: 30px;
	margin-bottom: 4px;
}

.statics-rank .list-container dl:first-child{
	margin-bottom: 14px;
}

.list-container dl:first-child dt{
	height: 50px;
	background: url('/public/img/rankTop.svg') no-repeat left center;

}

.list-container dl:first-child .name{
	height: 28px;
	line-height: 28px;
	font-size: 18px;
	color: #F7A42C;
}

.list-container dl:first-child .nums{
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	color: #626262;
}

.statics-rank .list-container dl:first-child .lens{
	background-color: #FFC73D;
}

.statics-rank .rank-list .rank-item-mask{
	width: 320px;
	height: 560px;
	text-align: right;
	padding: 54px 10px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9;
}

.statics-rank .rank-item-mask ul{
	display: inline-block;
	width: 98px;
	height: 140px;
	border-radius: 2px;
	padding: 10px;
	background-color: #fff;
	position: relative;
}

.statics-rank .rank-item-mask ul::before{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 7px solid #fff;
	position: absolute;
	right: 12px;
	top: -14px;
	border-color: transparent transparent #fff transparent;

}

.statics-rank .rank-item-mask li{
	height: 30px;
	line-height: 20px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	color: #3C4144;
}

/*热点图样式*/
.map-container{
	width:1130px;
	padding-left: 30px;
	margin-top: 76px;
	position: relative;
}

.map-container .more{
	background-image: url('/public/img/more_sub.svg');
	right: 20px;
	top: 12px;
}

.map-container .rank-item-mask{
	width: 1100px;
	height: 620px;
	text-align: right;
	padding: 46px 10px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9;

}

.anchorBL{
	display:none;
}

.map-switch-wrap{
	position: absolute;
	top:12px;
	right:60px;
}

.map-switch-container{
	position: relative;
	width:96px;
	height:28px;
	line-height:28px;
	background-color: #2A91DF;
	border:1px solid #137DCD;
	border-radius: 40px;
	cursor: pointer;
}

.map-switch-container em{
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	font-style: normal;
	position: absolute;
	z-index: 2;
}

.map-switch-container em.country-icon{
	left: 14px;
	color: #fff;
}

.map-switch-container em.city-icon{
	right: 14px;
	color: #4BB2FF;
}

.map-switch-container.city em.country-icon{
	color: #4BB2FF;
}

.map-switch-container.city em.city-icon{
	color: #fff;
}

.map-switch-container .toggle-btn{
	display: inline-block;
	width: 50px;
	height: 26px;
	border-radius: 40px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #39A4F4;
	transition: transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
}

.map-switch-container .toggle-btn.city{
	transform: translateX(46px);
	-webkit-transform: translateX(46px);
}


/*trade indicator*/
.cockpit-container .trade-indicator h3.title{
	margin-bottom: 20px;
}

.trade-indicator{
	margin-bottom: 60px;
	min-width: 1163px;
}

.trade-indicator-lists>div{
	float: left;
	width: 370px;
	height: 208px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/public/img/tradeIndicatorBg.png');
	background-size: 100%;
	box-shadow: 0 8px 30px 0 rgba(30,135,240,0.20);
	border-radius: 2px;
	overflow: hidden;
	padding: 10px 0 0 12px;
	margin-right: 26px;
}

.trade-indicator-lists>div:nth-child(3n){
	margin-right: 0;
}

.trade-indicator-lists .title{
	width: 358px;
	height: 35px;
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.trade-indicator-lists .content{
	margin-top: 42px;
	font-size: 12px;
	color: #fff;
}

.trade-indicator-lists .content p{
	color: #fff;
}

.trade-indicator-lists .content span{
	display: inline-block;
	width: 80px;
	font-size: 12px;
	opacity: 0.8;
}

.trade-indicator-lists .content .overdue-rate{
	height: 19px;
	line-height: 19px;
	font-size: 14px;
	margin-bottom: 8px;
}

.trade-indicator-lists .content .turnover-days{
	height: 28px;
	line-height: 28px;
	font-size: 20px;
}

.trade-indicator-lists .content .annualized-rate{
	height: 42px;
	line-height: 42px;
	font-size: 30px;
}




